<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的订单</title>
    <link rel="stylesheet" href="base.css">
</head>
<body>
    <div class="main">
        <div class="pannel user_msg">
            <div class="location">
                <i class="iconfont icon-location"></i>
            </div>
            <div class="user">
                <div class="top"><h6>xxx</h6>
                     <p>xxxxxxx2943</p >
                </div>
                <div class="bottom">广东省茂名市电白区</div>
            </div>
            <div class="more">
                <i class="iconfont icon-more"></i>
            </div>
        </div>
    </div>
    <div class="pannel goods">
        <div class="pic">
            <img src="img/z1.jpg" alt=""> 
        </div>
        <div class="info">
            <h5>我们生活在巨大的差距里（余华十年杂文集）</h5>
            <div class="price">
                <span class="red">￥<i>21.65</i></span>
                <span>￥35.00</span>
            </div>
        </div>
        <div class="count">
            <i class="iconfont icon-x"></i>
            <span>1</span>
        </div>
    </div>
<section class="pannel rest">
    <div>
        <h5>配送方式</h5>
        <p>顺丰快递</p >
    </div>
    <div>
        <h5>买家备注</h5>
        <p>希望卖家可以快点发货~谢谢！！</p >
    </div>
    <div>
        <h5>支付方式</h5>
        <p>支付宝</p >
    </div>
</section>
<section class="pannel rest2">
    <div>
        <h5>商品总价</h5>
        <p>￥21.65</p >
    </div>
    <div>
        <h5>运费</h5>
        <p>￥0.00</p >
    </div>
    <div>
        <h5>折扣</h5>
        <p>￥13.35</p >
    </div>
</section>
<div class="pay">
        <div class="left"> 
            合计：<span class="red">￥<i>21.65
            </i></span>
        </div>
        <div class="right">
            已支付
        </div>
</div>
</body>
</html>